<!DOCTYPE html>

<html lang="en">



    <head>



        <meta charset="utf-8">

        <title>Return Request</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta name="description" content="">

        <meta name="author" content="">

        <link rel="stylesheet" href="__TMPL__/public/resend/assets/bootstrap/css/bootstrap.min.css">

        <link rel="stylesheet" href="__TMPL__/public/resend/assets/css/style.css">

    </head>

<script>

window.alert = function(name){

                var iframe = document.createElement("IFRAME");

                iframe.style.display="none";

                document.documentElement.appendChild(iframe);

                window.frames[0].window.alert(name);

                iframe.parentNode.removeChild(iframe);

            }

            window.confirm = function (message) {

                var iframe = document.createElement("IFRAME");

                iframe.style.display = "none";

                iframe.setAttribute("src", 'data:text/plain,');

                document.documentElement.appendChild(iframe);

                var alertFrame = window.frames[0];

                var result = alertFrame.window.confirm(message);

                iframe.parentNode.removeChild(iframe);

                return result;

        }

</script>

    <body>



        <div class="header">

            <div class="container">

                <div class="row">

                    <div class="logo span4">

                        <h1><a href="javascript:;">Return Request <span class="red">.</span></a></h1>

                    </div>

         <!--            <div class="links span8">

                        <a class="home" href="" rel="tooltip" data-placement="bottom" data-original-title="Home"></a>

                        <a class="blog" href="" rel="tooltip" data-placement="bottom" data-original-title="Blog"></a>

                    </div> -->

                </div>

            </div>

        </div>



        <div class="register-container container">

            <div class="row">

                <div class="iphone span5">

                    <img src="__TMPL__/public/resend/assets/img/iphone.png" alt="">

                </div>

                <div class="register span6">

                    <form  >

                        <h2>Return Request <span class="red"><strong></strong></span></h2>

                        <label for="uname">Full name</label>

                        <input type="text" id="uname" name="uname" value="" placeholder="enter your first full name..." required>

                        <label for="uphone">Telephone</label>

                        <input type="number" id="uphone" name="uphone"  value="" placeholder="enter your telephone..." required>

                        <label for="uemail">Email</label>

                        <input type="text" id="uemail" name="uemail"  value=""  placeholder="enter your email..." required>

                        <label for="orderid">Order No.</label>

                        <input type="text" id="orderid" name="orderid"  value=""  placeholder="enter your order number..." required>



                        <label for="maildescription">Remarks</label>

                        <textarea  id="maildescription" name="maildescription" placeholder="enter a remarks..." style="width: 95%" required></textarea>

                        <button type="button" class="sub">Submit</button>

                    </form>

                </div>

            </div>

        </div>

		

        <!-- Javascript -->

        <script src="__TMPL__/public/resend/assets/js/jquery-1.8.2.min.js"></script>

        <script src="__TMPL__/public/resend/assets/bootstrap/js/bootstrap.min.js"></script>

        <script src="__TMPL__/public/resend/assets/js/jquery.backstretch.min.js"></script>

        <script src="__TMPL__/public/resend/assets/js/scripts.js"></script>

        <script type="text/javascript">

            $('.sub').click(function() {

                var ua = $('#uname').val();

                var up = $('#uphone').val();

                var ue = $('#uemail').val();

                var od = $('#orderid').val();

                var rm = $('#maildescription').val();

                

                // if(!ua ){

                //     $('#uname').css('border', 'red');

                //     return;

                // }else{

                //     $('#uname').css('border', '#ddd');

                // }             

                // if(!up){

                //     $('#uphone').css('border', 'red');

                //     return;

                // }else{

                //     $('#uphone').css('border', '#ddd');

                // }  



                // if(!ue){

                //     $('#uemail').css('border', 'red');

                //     return;

                // }else{

                //     $('#uemail').css('border', '#ddd');

                // }  



                // if(!od){

                //     $('#orderid').css('border', 'red');

                //     return;

                // }else{

                //     $('#orderid').css('border', '#ddd');

                // }

                $.post('', {uname:ua, uphone:up,uemail:ue,orderid:od ,maildescription:rm}, function(rs){

                    if(rs.status == 1){

                        confirm(rs.msg);

                        window.location.reload();



                    }else{

                        alert(rs.msg);

                        return;

                    }

                }, 'json');

           

            })

        </script>



    </body>



</html>



